<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2024122649姜骏宏</title>
    <style>
        header {
            min-width: 100%;
            min-height: 30%;
            width: 1920px;
            height: 300px;
            background-image: url("../可达x黑神话-游戏摄影-4k图/大圣残躯/11.jpg");
            background-position: 50% 50%;
            background-size: cover;
            position: relative;
            margin: 0;
        }

        body {
            background-image: url(../可达x黑神话-游戏摄影-4k图/第三回-小西天/10.jpg);
            background-size: cover;
            margin: 0;
        }

        .h1 {
            text-align: center;
            min-width: 10%;
            min-height: 10%;
            width: 200px;
            height: 5px;
            font-family: Georgia, 'Times New Roman', Times, serif;
            font-size: medium;
            color: aliceblue;
            position: absolute;
            right: 0;
            bottom: 0;
            margin: 0;
        }


        nav {
            min-width: 100%;
            min-height: 6%;
            margin: 0;
            width: 1920px;
            height: 60px;
            background-image: url(../可达x黑神话-游戏摄影-4k图/第三回-小西天/10.jpg);
            background-size: cover;
            background-position: 50% 50%;
            position: relative;
            top: 30%;


        }

        .r li {
            min-height: 10%;
            min-width: 10%;
            width: 100PX;
            height: 20px;
            color: aliceblue;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 35px;

        }

        a {
            text-decoration: none;
            color: aliceblue;
        }

        a:hover {
            color: #EEB422;
        }

        article {
            min-width: 50%;
            min-height: 100%;
            width: 540px;
            height: 640px;
            margin-right: 20px;
            margin-top: 1px;
            background-image: url(../可达x黑神话-游戏摄影-4k图/第四回-盘丝岭/13\(1\).jpg);
            background-size: cover;
            background-position: 50% 50%;
            flex-grow: 1;
            position: relative;



        }

        aside {
            padding: 0;
            min-width: 40%;
            min-height: 100%;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            width: 550px;
            height: 640px;
            margin-left: 10px;
            margin-top: 1px;
            margin-bottom: 1000px;
            background-image: url(../可达x黑神话-游戏摄影-4k图/第四回-盘丝岭/199.jpg);
            background-size: cover;
            background-position: 50% 50%;

            display: flex;
            flex-direction: column;

        }

        h2,
        h3 {
            width: 20px;
            font-family: 隶书;
            position: absolute;
            color: white;
        }

        .e {
            position: absolute;
            top: 10%;
            width: 1%;
            height: 100%;
            font-size: 30px;
            color: aliceblue;
            font-family: 隶书;
        }

        .w li {
            font-size: 25px;
            margin: 50px;
        }

        .w {
            width: 50%;
            height: 100%;
        }

        .s {
            position: absolute;

            right: 10px;
            bottom: 0%;
            width: 10px;
            height: 50%;
            font-size: 30px;
            color: aliceblue;
            font-family: 隶书
        }

        footer {
            width: 1920px;
            min-width: 100%;
            min-height: 5%;
            margin-top: 0px;

            height: 100px;
            position: relative;
            bottom: 0;
            background-color: black;
        }

        .i {
            text-align: center;
            position: absolute;
            bottom: 0;
            height: 50%;
            width: 100%;
            color: aliceblue;
        }

        div {
            display: flex;
            min-width: 100%;
            min-height: 60%;
            width: 1920px;
            height: 1000px;
            position: relative;
            bottom: 3%;
        }
    </style>
</head>

<body>
    <header>
        <p class="h1">GameScience</p>
    </header>
    <nav>
        <ul type="none" class="r">
            <li><a style="position: absolute;left: 10%;bottom: 0" href="./2024122649姜骏宏.html">首页</a>
            </li>
            <li><a style="position: absolute;left: 30%;bottom: 0"
                    href="https://www.bilibili.com/video/BV1BLY3eMEmj/?spm_id_from=333.337.search-card.all.click&vd_source=249cec6f95b70d849130a1f4a1ba7d35">宣传片</a>
            </li>
            <li><a href="https://tidal.com/browse/album/386030256"
                    style="position: absolute;left: 50%;bottom: 0">游戏音乐</a></li>
            <li><a href="https://www.gameres.com/907768.html" style="position: absolute;left: 70%;bottom: 0">背景故事</a>
            </li>
            <li><a href="https://www.heishenhua.com/" style="position: absolute;left: 90%;bottom: 0;">官网</a></li>
        </ul>
    </nav>
    <div>
        <article>


            <h3 class="s">金海尽干 一道箍 困不住他</h3>

        </article>
        <aside>

            <p class="e">尘缘已断 一世名 锁不住他</p>
            <ol class="w">
                <li><a href="./超链接1.html">金摇杆奖</a></li>
                <li><a href="./超链接2.html">TGA</a></li>
                <li><a href="./超链接3.html">泰国游戏展</a></li>
                <li><a href="./超链接4.html">拉美游戏奖Equinox LATAM</a></li>
                <li><a href="./超链接5.HTML">西班牙游戏奖3DJUEGOS</a></li>
                <li><a href="./超链接6.html">科隆游戏展</a></li>
                </ul>
        </aside>
    </div>
    <footer>
        <h1 class="i">版权所有 游戏科学|地址：浙江省杭州市西湖区转塘街道创意路313号|邮编：310024</h1>
    </footer>

</body>

</html>